<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/common.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户管理</title>
<link href="style/oa.css" rel="stylesheet" type="text/css">
<script language="javascript" src="script/public.js"></script>
</head>
<body>
	<table id="vipTable"></table>
	<script type="text/javascript">
		$(function() {
			var vipTable = $("#vipTable");
			vipTable.datagrid({
				title : '用户信息列表', //标题
				iconCls: 'icon-save',
				method : 'post', //请求方式
				singleSelect : true, //多选
				fitColumns : true, //自动调整各列，用了这个属性，下面各列的宽度值就只是一个比例。
				striped : true, //奇偶行颜色不同
				collapsible : true, //可折叠
				url : "/mytest-new/UserServlet", //数据来源
				sortName : 'id', //排序的列
				sortOrder : 'desc', //倒序
				remoteSort : true, //服务器端排序
				idField : 'id', //主键字段
				queryParams : {}, //查询条件
				pagination : true, //显示分页
				loadMsg : '数据加载中....',
				showHeader : true,
				rownumbers : true,
				columns : [ [ {
					title : '序号',
					field : 'id',
					width : 13,
					align : 'center',
					checkbox : true
				}, {
					title : '用户名',
					field : 'username',
					width : 13,
					align : 'center'
				}, {
					title : '账号',
					field : 'account',
					width : 13,
					align : 'center'
				}, {
					title : '密码',
					field : 'password',
					width : 13,
					align : 'center'
				} ] ],
				toolbar : [ {
					text : '新增',
					id : 'VM00001',
					iconCls : 'icon-add',
					handler : function() {
						alert('新增');
					}
				}, '-', {
					text : '删除',
					id : 'VM00002',
					iconCls : 'icon-no',
					handler : function() {
						alert('删除 ');
					}
				}, '-', {
					text : '修改',
					id : 'VM00003',
					iconCls : 'icon-edit',
					handler : function() {
						alert('修改');
					}
				} ],
				onLoadSuccess : function() {
					vipTable.datagrid('clearSelections'); //一定要加上这一句，要不然datagrid会记住之前的选择状态，删除时会出问题  
				}
			});
		});
	</script>
</body>
</html>